<html>
	<head>
		<title>视频中心</title>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="../css/basic.css">
		<link rel="stylesheet" type="text/css" href="../css/style.css">
		<link rel="stylesheet" type="text/css" href="../css/video.css">
		<link rel="stylesheet" type="text/css" href="../css/iconfont.css">
		<link rel="stylesheet" type="text/css" href="../css/swiper.min.css">
		<style type="text/css">
			.swiper-button-prev:after, .swiper-button-next:after{
				font-size: 12px;
				font-weight: bold;
				color:#fff;
			}
		</style>
	</head>
	<body>
		<header>
			<div class="company flex_center_between">
				<div class="name">
					<h3 class="">中诚商务房车</h3>
					<p>华东高端商务房车展销中心</p>
				</div>
				<div class="tel flex_center_center">
					<span class="iconfont icon-dianhua" ></span>
					<div class="number">
						<h3>400-079-6969</h3>
						<p>厂家直供,价优,售全国</p>
					</div>
				</div>
			</div>
			<div class="navgate flex-center-start">
				<div class="nav-list active">首页</div><div class="nav-list">全部车型</div><div class="nav-list">优惠资讯</div><div class="nav-list">视频中心</div><div class="nav-list">关于我们</div>
			</div>
		</header>
		<div class="index-content">
				<div class="video">
					<div class="video-one">
						<div><img class="videoData" src="../img/index_banner.png" alt=""></div>
						<div class="videoList">
							<ul>
								<li class="light over-hide"><span class="light-box"></span>试驾奔驰GLB AMG，暴躁暴躁暴躁</li>
								<li class="over-hide">精英的最佳拍档 解析商务MPV析商务MPV析商务MPV</li>
								<li class="over-hide">"慢慢慢，开这辆车一定要注意安全"析商务MPV析商务MPV</li>
								<li class="over-hide">"联盟平台是噱头？开完你才知道"</li>
								<li class="over-hide">"为爱发声，送给母亲的长途旅行 "</li>
								<li class="over-hide">"高端商务范 AMG味道十足的MPV"</li>
								<li class="over-hide">"50万MPV怎么选 ？奔驰V级... "</li>
								<li class="over-hide">"50万MPV怎么选 ？奔驰V级... "</li>
							</ul>
						</div>
					</div>
					<!-- 热门节目 -->
					<div class="video-two padd16">
						<div class="two-title">热门节目</div>
						<div>
							<div class="two-top clearfix">
								<div class="two-left fl"><img class="programvideo" src="../img/car1.jpg" alt=""></div>
								<div class="two-right fl">
									<img class="programvideo2" src="../img/car1.jpg" alt="">
									<img class="programvideo3 bottomPadd" src="../img/car1.jpg" alt="">
								</div>
							</div>
							<div class="two-bottom">
								<ul>
									<li>
										<img class="li-con" src="../img/car1.jpg" alt="">
									</li>
									<li>
										<img class="li-con leftpadd" src="../img/car1.jpg" alt="">
									</li>
								</ul>
							</div>
						</div>
					</div>
					<!-- 高级私人订制 -->
					<div class="video-two person padd16">
						<div class="two-title">高级私人订制</div>
						<div>
							<div class="person-con clearfix">
								<ul>
									<li class="fl">
										<img class="li-con" src="../img/car1.jpg" alt="">
										<div>
											<p class="over-hide per-name">高级私人订制高级私人订制高级私人订制</p>
											<p class="per-txt">年轻人的第一台“潮跑” </p>
										</div>
									</li>
									<li>
										<img class="li-con" src="../img/car1.jpg" alt="">
										<div>
											<p class="over-hide per-name">高级私人订制高级私人订制高级私人订制</p>
										</div>
									</li>
									<li>
										<img class="li-con" src="../img/car1.jpg" alt="">
										<div>
											<p class="over-hide per-name">高级私人订制高级私人订制高级私人订制</p>
										</div>
									</li>
									<li>
										<img class="li-con" src="../img/car1.jpg" alt="">
										<div>
											<p class="over-hide per-name">高级私人订制高级私人订制高级私人订制</p>
										</div>
									</li>
									<li>
										<img class="li-con" src="../img/car1.jpg" alt="">
										<div>
											<p class="over-hide per-name">高级私人订制高级私人订制高级私人订制</p>
											<p class="per-txt">年轻人的第一台“潮跑” </p>
										</div>
									</li>
									<li>
										<img class="li-con" src="../img/car1.jpg" alt="">
										<div>
											<p class="over-hide per-name">高级私人订制高级私人订制高级私人订制</p>
											<p class="per-txt">年轻人的第一台“潮跑” </p>
										</div>
									</li>
								</ul>
							</div>
						</div>
					</div>
					<!-- 原创精选 -->
					<div class="video-two person padd16">
						<div class="two-title">原创精选</div>
						<div>
							<div class="person-con clearfix">
								<ul>
									<li class="fl">
										<img class="li-con" src="../img/car1.jpg" alt="">
										<div>
											<p class="over-hide per-name">高级私人订制高级私人订制高级私人订制</p>
											<p class="per-txt">年轻人的第一台“潮跑” </p>
										</div>
									</li>
									<li>
										<img class="li-con" src="../img/car1.jpg" alt="">
										<div>
											<p class="over-hide per-name">高级私人订制高级私人订制高级私人订制</p>
										</div>
									</li>
									<li>
										<img class="li-con" src="../img/car1.jpg" alt="">
										<div>
											<p class="over-hide per-name">高级私人订制高级私人订制高级私人订制</p>
										</div>
									</li>
									<li>
										<img class="li-con" src="../img/car1.jpg" alt="">
										<div>
											<p class="over-hide per-name">高级私人订制高级私人订制高级私人订制</p>
										</div>
									</li>
									<li>
										<img class="li-con" src="../img/car1.jpg" alt="">
										<div>
											<p class="over-hide per-name">高级私人订制高级私人订制高级私人订制</p>
											<p class="per-txt">年轻人的第一台“潮跑” </p>
										</div>
									</li>
									<li>
										<img class="li-con" src="../img/car1.jpg" alt="">
										<div>
											<p class="over-hide per-name">高级私人订制高级私人订制高级私人订制</p>
											<p class="per-txt">年轻人的第一台“潮跑” </p>
										</div>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
				<div class="all-title flex_center_between">权益保障</div>
				<div class="all-title flex_center_between">预约试驾</div>
			</div>
			<img src="../img/test.jpg" style="width: 100%;" />
			<footer class="flex_start_start">
				<div class="goIndex flex_center_start">
					<span class="flex_center_center"><i class="iconfont icon-shouye"></i>首页</span>
					<span class="flex_center_center"><i class="iconfont icon-duanxin"></i>短信咨询</span>
				</div>
				<div class="freeDiscount flex_center_center"><i class="iconfont icon-mianfeizixunfuwu"></i>免费咨询</div>
			</footer>
		</div>
		<script type="text/javascript" src="../js/jquery-3.2.1.min.js"></script>
		<script type="text/javascript" src="../js/swiper.min.js"></script>
		<script type="text/javascript">
			var swiper = new Swiper('.swiper-container', {
				autoplay:true,
				navigation: {
					nextEl: '.swiper-button-next',
					prevEl: '.swiper-button-prev',
				},
			});
			var swiper2 = new Swiper('.evaluation-container', {
				slidesPerView: 3,
				spaceBetween: 7
			});
		</script>
	</body>
</html>